/** Add css rules here for your application. */
html, body {
	height: 100%;
	margin: 0;
}
div#main {
	position:relative;
	min-height: 88%;
	position: relative;
	padding-bottom:110px;
	background-color: #030303;
}
#header {
	height:110px;
}
#WMIlogo {
	position:absolute;
	top:10px;
	left:40px;
}
#slogan {
	position:absolute;
	top:40px;
	left:200px;
}
div#center {
	overflow: auto;
}
div#leftColumn {
	position:relative;
	margin-top : 60px;
	width:17%;
	float:left;
	margin-right:1%;
	margin-left:1%;
	margin-bottom:10px;
}
div#borderTop {
	background: url('imgs/borderTop.png') repeat-x;
	height:57px;
	margin: 0 2px 2px 0;
}
div#innerLeftColumn {
	height:300px;
	background-color: #bbb;
	border:solid black;
	border-width:0 2px 2px 2px;
}
img#borderTopLeft {
	position:absolute;
	left:-2px;
}
img#borderTopRight {
	position:absolute;
	right:-2px;	
}
div#content {
	position:relative;
	min-height:500px;
	width:79%;
	float:left;
	background-color: #eee;
}
div#menu {
	background: url('imgs/menuCenter.png') repeat-x;
	height:64px;
	margin-bottom:30px;
}
.gwt-MenuBar-horizontal {
/* A cause des putains de style par défaut de merde de gwt*/
  background: none !important;
  border:none !important;
}
.gwt-MenuItem-selected {
	background: none !important;
	border-left:solid 1px yellow !important;
	border-right:solid 1px yellow !important;
	font-style:italic;
}
.Menu{
	padding-left:44px;
	padding-right:23px;
}
.Menu table{
	height:100%;
	margin-left:15%;
	width:70%;
	text-align: center;
}
.Menu td {
	vertical-align:middle !important;
	cursor: pointer !important;	
}
.MenuItem {
	color:white !important;
	width:25%;
	font-size:1.2em;
	border-left:solid 1px transparent;
	border-right:solid 1px transparent;
}
img#menuLeft {
	position:absolute;
	left:-4px;	
}
img#menuRight{
	position:absolute;
	right:-4px;	
}
div#footer {
	height:100px;
	background-color: #333;
	position:absolute;
	bottom: 0;
	width:100%;
}
.Sudoku {
	margin:auto;
}
.Sudoku div {
	width:48px;
	height:48px;
	border:solid 1px black;
	overflow: hidden;
}
.Sudoku input {
	font-size:38px;
	width:48px;
	height:48px;
	text-align: center;
	border:none;
}
.Annotations {
	font-size:14px;
	line-height: 15px;
	border:none !important;
	margin-left:8px;
	width:32px !important;
	color:red;
}
.SudokuVerticalBar {
	width:2px !important;
	height:464px !important;
	background-color: black;
	padding:0 !important;
}
.SudokuHorizontalBar {
	height:2px !important;
	width:464px !important;
	background-color: black;
	padding:0 !important;
}
.Game {
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
}
.ToolBar{
	margin-bottom:10px;
}
.Toolbar img {
	vertical-align: middle;	
}
.ToolBar button {
	margin-right:5px;
	padding:2px !important;
} 
.Information {
	width:150px;
	background-color: #ccc;
	border:dotted 1px black;
	margin:30px 10px 0 0;
	padding:3px;
}
.Information div {
	text-align:center;
	border-bottom:solid 1px black;
}
.ArithmeticSequence {
	width:300px;
	margin:auto;
	margin-top : 50px;
}
.ArithmeticQuizz div{
	float:left;
	margin-top:.4em;
}
.Results{
	height:2em;
	font-weight: bold;
}
.Results div {
	float:left;
	margin-right: 10px;
}
.UserDisplay{
	padding:5px;
}
.UserDisplay input{
	margin-left : 5px;	
}
.NickName {
	font-weight: bold;
	font-size : 1.3em;
	margin-bottom : 1em;
}
.Scores {
	margin-left:5px;
	margin-bottom : 1em;
}
#loadingGif{
	margin:auto;
	margin-top:50px;
	border:solid 1px white;
}
.Events {
	width:70%;
	margin:auto;
	margin-top:20px;
}
.Events table, .Events tr, .Events td, .Events tbody {
	width:100%;	
}
.Event {
	border:solid 1px black;
	padding: 5px;
	padding-top:15px;
	margin:5px;
	position:relative;
}
.Date {
	position:absolute;
	top:-10px;
	left:-5px;
	padding : 1px;
	background-color : black;
	color:white;
	display:inline;
}
.Event div {
	margin-left:10px;
}
.AdminTable {
	margin-top:10px;
	text-align: center;
}
.AdminTable tr {
}
.AdminTable td {
	border-right:solid 1px black;
	border-bottom:solid 1px black;
}

.froggitTF_bthumbnail {
	background:#BBBBBB;
	text-align:center;
}
.froggitTF_main {
	border-style: solid;
	border-width: medium;
	border-color:#360;
	background-color:#B9B9DD;
	height: 640px;
	margin:auto;
}

.froggitTF_banner {
	font-size:large;
}

.froggitTF_tips, .froggitTF_actions, .froggitTF_requested{
	background-color:#CCE;
	border-style: ridge;
	border-width:thin;
}

.froggitTF_board {
	background-color:#CCE;
	border-style:solid;
	border-width:medium;
}

.froggitTF_editionDebug {
	background-color: #CCE;
	border-style: solid;
	border-width:medium;
}

.froggitTF_tableDebug {
	background-color: #B9B9DD;
	border-color:#000;
	border-style: solid;
	border-width: thin;
}

.froggitTF_actions button {
	text-align: center;
	width:100%;
}
.froggitTF_requested {
	height:50px;